@import '../style/variables/theme.less';
html, body {
    width: 100%;
    height: 100%;
    overflow: hidden
}
body {
    &:after {
        content:'';
        background-repeat:no-repeat;
        background-size:cover;
        -webkit-filter:blur(3px);
        -moz-filter:blur(3px);
        -o-filter:blur(3px);
        -ms-filter:blur(3px);
        filter:blur(3px);
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:-1;
    }
}
.login-container {
    width: 100%;
    height: 100%;
    background: #1e9fff;
    overflow: hidden;
    .login-panel {
        width:360px;
        height:300px;
        position:absolute;
        left:50%;
        top:40%;
        margin-left:-180px;
        margin-top:-100px;
        .login-form {
            background-color:#fff;
            border:1px solid #fff;
            border-radius:3px;
            padding:14px 20px;
            box-shadow:0 0 8px #eeeeee;
            .layui-form-item {
                position:relative;
                label {
                    position:absolute;
                    left:1px;
                    top:1px;
                    width:38px;
                    line-height:36px;
                    text-align:center;
                    color:#d2d2d2;
                }
                input {
                    padding-left:36px;
                }
            }
        }
        .logo-title {
            text-align:center;
            letter-spacing:2px;
            padding:14px 0;
            h1 {
                color:#009688;
                font-size:25px;
                font-weight:bold;
            }
        }
        .captcha {
            width:60%;
            display:inline-block;
        }
        .captcha-img {
            width:34%;
            float:right;
            img {
                height:34px;
                border:1px solid #e6e6e6;
                height:36px;
                width:100%;
            }
        }
    }
}